<script setup>

</script>

<template>
    <div>
        <h2>我关注的阅读动态</h2>
        <div class="aode">
            <ul class="daohang">
                <li>全部</li>
                <li>读书</li>
                <li>书评</li>
                <li>笔记</li>
                <li>小站</li>
                <li>数字阅读</li>
            </ul>
        </div>
        <div class="henxian"></div>
        <div class="neirong">最近没有新内容呀，不妨先去书评专区逛逛</div>
        <router-view></router-view>
    </div>
</template>

<style scoped>
h2{
    margin-top: 40px;
    margin-left: 250px;
}
.aode{
    margin-top: 20px;
    margin-left: 250px;
}
.daohang{
    
    list-style-type: none;
    
}

.daohang li{
    margin:  10px 10px 10px 0;
    float: left;
    font-size: 10px;
    color: rgb(141, 141, 141);
}

.henxian{
    border-bottom: 1px solid rgb(216, 215, 215);
}

.neirong{
    margin-left: 250px;
    margin-top: 40px;
    font-size: 10px;
    color: rgb(174, 174, 174);
}
</style>